<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
    
    <head>
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
        djConfig="parseOnLoad: true">
        </script>
        <script type="text/javascript">
            dojo.require("dijit.layout.TabContainer");
            dojo.require("dijit.layout.ContentPane");
            dojo.addOnLoad(function() {
                var tc = new dijit.layout.TabContainer({
                    style: "height: 100%; width: 100%;"
                },
                "tc1-prog");

                var cp1 = new dijit.layout.ContentPane({
                    title: "Food",
                    content: "We offer amazing food"
                });
                tc.addChild(cp1);

                var cp2 = new dijit.layout.ContentPane({
                    title: "Drinks",
                    content: "We are known for our drinks."
                });
                tc.addChild(cp2);

                tc.startup();
            });
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css"
        />
    </head>
    
    <body class=" claro ">
        <div style="width: 350px; height: 290px">
            <div id="tc1-prog">
            </div>
        </div>
    </body>

</html>